<template>
  <div class="footer">
      <div class="m-auto w-70 pt-50 box-sizing flex align-center justify-between">
        <div class="flex">
          <img style="width:100px; height:100px" src="@/images/service.png" />
          <div class="flex flex-column align-center justify-center">
            <p class="c-ccc f-bold f18">人工客服</p>
            <div class="c-ccc f-bold f18 mt-20">400-XXX-XXX</div>
          </div>
        </div>
        <div class="c-ccc">
          <table cellspacing="0" cellpadding="0">
            <tr>
              <th>帮助中心</th>
              <th>关注我们</th>
              <th>线下门店</th>
              <th>关于苏苏</th>
            </tr>
            <tr>
              <td>账户管理</td>
               <td>新浪微博</td>
              <td>苏苏生鲜</td>
              <td>了解苏苏</td>
            </tr>
            <tr>
              <td>购物指南</td>
              <td>官方微信</td>
              <td>授权门店</td>
              <td>加入苏苏</td>
            </tr>
            <tr>
              <td>订单操作</td>
              <td>联系我们</td>
              <td>服务网点</td>
              <td>爱心捐助</td>
            </tr>
          </table>
        </div>
        <div class="c-ccc">
          <div class="flex justify-center align-center flex-column">
            <p class="f18 mb-10">苏苏生鲜</p>
            <img style="height:100px;width:100px;" class="mb-10" src="@/images/school.png" alt="" />
            <div class="flex align-center flex-column justify-center f16">
              <p>巢湖学院</p>
              <p class="my-10">软件工程</p>
            </div>
          </div>
        </div>
      </div>
      <div class="floor m-auto f14 ">
        <p class="fc-grey mb-10 mt-20 ">苏苏生鲜 | Powered by 苏苏 |</p>
        <p class="fc-grey">Copyright @苏苏生鲜ssy  All Rights Reserved</p>
      </div>
    </div>
</template>

<script>
export default {

}
</script>

<style scoped lang="css">
.footer{
  width: 100%;
  height: 400px;
  background: rgb(38,38,54);
}
th{
  width: 150px;
  height: 30px;
  font-size: 16px;
  text-align: center;
}
td{
  width: 150px;
  height: 40px;
  font-size: 12px;
  text-align: center;
}
.c-ccc{
  color: #ccc;
}
.floor{
  width: 340px;
  height: 80px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
</style>